<template>
    <div class="flex">
        <div v-for="(item,index) in menulist" @click="testStudent(item)" class="heath_menu">
            <img :src="item.src" />
            <div >
                {{item.title}}
            </div>
        </div>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                menulist: [{
                    src: require("../../static/images/other/tiwen.png"),
                    title: "测体温"
                }, {
                    src: require("../../static/images/other/shengao.png"),
                    title: "身高体重"
                }, {
                    src: require("../../static/images/other/shilicheshi.png"),
                    title: "视力检测"
                }]
            }
        },
        methods: {
            testStudent(item) {
                var title = item.title;
                sessionStorage.setItem('selectTitle', title);
                this.$router.push({
                    path: 'selectStudent'
                })
            }
        },
    }
</script>
<style scoped>
    html,
    body {
        background: white;
    }
    
    .flex {
        width: 100%;
        background: white;
        height: 100%;
        align-items: flex-start;
    }
    
    .heath_menu {
        width: 2.44rem;
        margin: 0.726666rem 0;
    }
    
    .heath_menu img {
        width: 1.24rem;
        margin-bottom: 0.09333rem;
    }
</style>